<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Calculator</title>
    <meta name="description" content="Simple Calculator With Dark Mode." />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../static/css/index.css">
    <link rel="stylesheet" href="../static/css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/side_bar.css">
    <script src="../static/js/jquery.min.js"></script>
</head>
<body>
    <div class="wrapper">
        <div class="container">
            <div class="header_container">
                <div class="header_left">
                    <i class="fa fa-list toggle" aria-hidden="true"></i>
                    <h>科学</h>
                    <i class="fa fa-history" aria-hidden="true"></i>
                </div>
            </div>
            <div class="input_container">
                <input  class="res_in" type="text" name="result" id="result" value="0" readonly />
                <input id="hisIn" type="text" name="history_input" class="his_in" value="" readonly/>
            </div>
            <div class="row_1 row">
                <input class="button" type="button" value="2^x" onclick="liveScreen('2^x')"/>
                <input class="button" type="button" value="π"    onclick="liveScreen('π')"/>
                <input class="button" type="button" value="e" onclick="liveScreen('e')"/>
                <input class="button" type="button" value="Clear" id="clear"/>
                <input class="button del" type="button" value="delete" />
            </div>
            <div class="row_2 row">
                <input class="button" type="button" value="x^2" onclick="liveScreen('x^2')"/>
                <input class="button" type="button" value="1/x"    onclick="liveScreen('1/x')"/>
                <input class="button" type="button" value="|x|" onclick="liveScreen('|x|')"/>
                <input class="button" type="button" value="exp" onclick="liveScreen('exp')"/>
                <input class="button" type="button" value="mod" onclick="liveScreen('mod')"/>
            </div>
            <div class="row_3 row">
                <input class="button" type="button" value="√x" onclick="liveScreen('√x')"/>
                <input class="button" type="button" value="("    onclick="liveScreen('(')"/>
                <input class="button" type="button" value=")" onclick="liveScreen(')')"/>
                <input class="button" type="button" value="n!" onclick="liveScreen('n!')"/>
                <input class="button" type="button" value="÷" onclick="liveScreen('÷')"/>
            </div>
            <div class="row_4 row">
                <input class="button" type="button" value="x^y" onclick="liveScreen('x^y')"/>
                <input class="button digital" type="button" value="7"    onclick="liveScreen('7')"/>
                <input class="button digital" type="button" value="8" onclick="liveScreen('8')"/>
                <input class="button digital" type="button" value="9" onclick="liveScreen('9')"/>
                <input class="button" type="button" value="X" onclick="liveScreen('X')"/>
            </div>
            <div class="row_5 row">
                <input class="button" type="button" value="10^x" onclick="liveScreen('10^x')"/>
                <input class="button digital" type="button" value="4"    onclick="liveScreen('4')"/>
                <input class="button digital" type="button" value="5" onclick="liveScreen('5')"/>
                <input class="button digital" type="button" value="6" onclick="liveScreen('6')"/>
                <input class="button" type="button" value="-" onclick="liveScreen('-')"/>
            </div>
            <div class="row_6 row">
                <input class="button" type="button" value="log" onclick="liveScreen('log')"/>
                <input class="button digital" type="button" value="1"    onclick="liveScreen('1')"/>
                <input class="button digital" type="button" value="2" onclick="liveScreen('2')"/>
                <input class="button digital" type="button" value="3" onclick="liveScreen('3')"/>
                <input class="button" type="button" value="+" onclick="liveScreen('+')"/>
            </div>
            <div class="row_7 row">
                <input class="button" type="button" value="ln" onclick="liveScreen('ln')"/>
                <input class="button" type="button" value="+/-" onclick="liveScreen('+/-')"/>
                <input class="button digital" type="button" value="0" onclick="liveScreen('0')"/>
                <input class="button" type="button" value="." onclick="liveScreen('.')"/>
                <input class="button calculate" type="button" value="=" onclick="liveScreen('=')"/>
            </div>
            <div class="side_bar bar_close" id="sideBar">
                <div class="bar_wrapper">
                    <header class="bar_head">计算器</header>
                    <url class="bar_url">
                        <li class="bar_nav"><a href="/standard"><i class="fa fa-chevron-right" aria-hidden="true"></i> 标准</a></li>
                        <li class="bar_nav nav_active"><a href="/"><i class="fa fa-chevron-right" aria-hidden="true"></i> 科学</a></li>
                        <li class="bar_nav"><a href="/date"><i class="fa fa-chevron-right" aria-hidden="true"></i> 日期计算</a></li>
                    </url>
                    <header class="bar_head">转换器</header>
                    <url class="bar_url">
                        <li class="bar_nav"><a href="/vol"><i class="fa fa-chevron-right" aria-hidden="true"></i> 容量</a></li>
                        <li class="bar_nav"><a href="/length"><i class="fa fa-chevron-right" aria-hidden="true"></i> 长度</a></li>
                    </url>
                </div>
            </div>
        </div>


    </div>
</body>
<script src="../static/js/stack.js"></script>
<script src="../static/js/models.js"></script>
<script src="../static/js/index.js"></script>
<script src="../static/js/calculate.js"></script>
<script src="../static/js/sideBar.js"></script>
</html>